<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>电影影评网</title>
	</head>
	<body>
		<header>
			<!-- header-->
			<h2 align="center">电影影评网</h2>
			<p align="center">
				<img src="实验3/images/44.jpg" />
			</p>

		</header>
		<nav>
			<!-- nav -->
			<p align="center">
				<img src="实验3/images/nav1.jpg" />
				<img src="实验3/images/nav2.jpg" />
				<img src="实验3/images/nav3.jpg" />
				<img src="实验3/images/nav4.jpg" />
				<img src="实验3/images/nav5.jpg" />
			</p>

		</nav>
		<article>
			<summary><img src="实验3/images/111.png" /> </summary>

			<ul contenteditable="true">
				<li>
					<figcaption>《赤焰战场》</figcaption>
					<p>这部电影的最大意义在于一群廉颇老矣的明星向观众做了一个集体性的道别。他们以后或许还会各自为战地奋斗在荧屏之上，但如此集中的出现在一部电影中就显得几乎不再可能。<mark>布鲁斯•威利斯</mark>已经56岁，<mark>海伦•米伦</mark>66岁，<mark>约翰•马尔科维奇</mark>58岁，<mark>摩根•弗里曼</mark>已经74岁，<mark>布莱恩•考克斯</mark>65岁。这些年纪已经超过或者年近花甲的曾经叱咤荧屏的人物正在渐渐地逝去，如同那一抹灿丽的......</p>
					<img src="实验3/images/555.jpg">
				</li>
				<li></li>
				<li>
					大众评分：<meter value="65" min="0" max="100" low="60" high="80" title="65分" optimum="100">65</meter>
				</li>
				<li>
					媒体评分:<meter value="80" min="0" max="100" low="60" high="80" title="80分" optimum="100">80</meter>
				</li>
				<li>
					网站评分:<meter value="40" min="0" max="100" low="60" high="80" title="40分" optimum="100">40</meter>
				</li>
			</ul>
			</details>
			<details>
				<summary><img src="实验3/images/222.png"></summary>
				<ul contenteditable="true">
					<li>
						<figcaption>《雷神》</figcaption>
						<p>自<mark>《钢铁侠》</mark>开始，全球最负盛名的<mark>惊奇漫画电影公司</mark>走上了不断致力于在特效技术上开拓创新的发展道路。本着以集合旗下所有英雄漫画形象，打造一个"惊奇电影宇宙"的核心发展观，不断推出艺术造诣低下，剧情肤浅，但场景华丽、极致炫目的"超级英雄"大片。<mark>《雷神》</mark>也是如此。尽管常被影评人抨击为"没脑子的超级英雄群"，却没人能阻止好莱坞愈加明显........</p>
						<img src="实验3/images/666.jpg">
					</li>
					<li></li>
					<li>
						大众评分：<meter value="65" min="0" max="100" low="60" high="80" title="65分" optimum="100">65</meter>
					</li>
					<li>
						媒体评分:<meter value="80" min="0" max="100" low="60" high="80" title="80分" optimum="100">80</meter>
					</li>
					<li>
						网站评分:<meter value="40" min="0" max="100" low="60" high="80" title="40分" optimum="100">40</meter>
					</li>
				</ul>
				<hr size="3" color="#ccc">
			</details>
		</article>
	</body>
</html>
